<template>
  <div class="videoList">
    <VideoItem class="VideoItem" v-for="(item,index) in [1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6]" v-bind:key="index" v-bind:item="item"></VideoItem>
  </div>
</template>

<script>
import VideoItem from "@/components/content/video/VideoItem";
export default {
  name: "VideoList",
  components:{
    VideoItem
  }
}
</script>

<style scoped>
.videoList{
  display: flex;
  flex-wrap: wrap;
}
.VideoItem{
  margin-right: 1.8%;
}
.videoList .VideoItem:nth-child(5n){
  margin-right: 0;
}
</style>